<template>
  <div class="act">
    <van-sidebar v-model="active">
      <van-sidebar-item title="职场提升" />
      <van-sidebar-item title="电商运营" />
      <van-sidebar-item title="语言学习" />
      <van-sidebar-item title="编程开发" />
      <van-sidebar-item title="职业考试" />
      <van-sidebar-item title="产品运营" />
      <van-sidebar-item title="大数据" />
      <van-sidebar-item title="人工智能" />
    </van-sidebar>
    <div class="sub">
      <Fnv />
    </div>
  </div>
</template>

<script>
import { ref } from 'vue'
import Fnv from './fnv/fnv.vue'

export default {
  name: '',
  data() {
    const active = ref(0)
    return { active }
  },

  components: {
    Fnv,
  },
}
</script>

<style lang="less" scoped>
.act {
  display: flex;
  align-self: stretch;

  van-sidebar {
    width: 50%;
  }

  .sub {
    flex: 1;
  }
}
</style>
